// 登录页面的逻辑代码
// http://api-breakingnews-web.itheima.net

// 去注册
$("#goto-register").on("click", () => {
  // 注册的盒子显示
  $("#register").show();
});

// 去登录
$("#goto-login").on("click", () => {
  // 注册的盒子隐藏
  $("#register").hide();
});

// 注册 接口
/*
 路径: /api/reguser
 key=value&key=value
*/

$("#register form").on("submit", function (e) {
  // 阻止默认行为
  e.preventDefault();

  axios({
    method: "POST",
    url: "http://api-breakingnews-web.itheima.net/api/reguser",
    data: $("#register form").serialize(),
  }).then(({ data: res }) => {
    layer.msg(res.message); // 提示框
    if (res.status === 0) {
      // 注册成功, 隐藏掉注册的盒子
      $("#register").hide();
    }
  });
});

// 登录接口 /api/login
$("#login form").on("submit", function (e) {
  // 阻止默认行为
  e.preventDefault();

  axios({
    method: "POST",
    url: "http://api-breakingnews-web.itheima.net/api/login",
    data: $("#login form").serialize(),
  }).then(({ data: res }) => {
    layer.msg(res.message); // 提示框
    // debugger  // 快速的打断点
    if (res.status === 0) {
      // 将token存储到本地 ==== token 身份认证
      localStorage.setItem("token", res.token);
      // 登录成功,跳转到首页
      location.href = "/index.html";
    }
  });
});

// 表单验证
layui.form.verify({
  username: [
    // 用户名
    /^[a-z0-9]{6,10}$/,
    "账号名是6到10位由数字, 小写字母组成",
  ],
  password: [
    // 密码
    /^[\S]{6,10}$/,
    "密码是6到10位, 不能有空格",
  ],
  repwd: function (value) {
    // value 当前input输入的值
    console.log(value);
    // 判断条件 当前重复密码输入框的值 vs 密码栏的值
    // if ($('.pwd').val() !== value){
    //   return '两次输入的密码必须保持一致!'
    // }

    // 逻辑运算符 &&  左右两侧都得符合条件 都必须为真
    return $(".pwd").val() !== value && "两次输入的密码必须保持一致!";
  },
});
